<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>财务-结算设置</title>
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="./css/finance.css">
    <style>
        .layui-input-block {
            margin-left: 0;
            min-height: 36px;
            position: relative;
            padding-right: 110px;
        }
    </style>
</head>
<body>
<div id="uniocn" class="layui-layout layui-layout-admin">
    <div class="finance-title" style="background: #fff;padding-bottom: 0;border-bottom: 1px solid #1AB394">
        <button class="layui-btn layui-btn-ms">结算设置</button>
    </div>

    <div class="finance-modular">
        <form action="##" class="layui-form">
            <p style="box-sizing: border-box;padding: 10px">结算设置</p>
            <div style="box-sizing: border-box;padding: 10px ;background: #fff">
                <div class="layui-form-item">
                    <label class="layui-form-label" style="width: 100px;">最低提现金额</label>
                    <div class="layui-input-inline" style="width: 300px;">
                        <input type="text" required lay-verify="required" placeholder="￥"
                               autocomplete="off" class="layui-input">
                        <span class="tip">余额低于最低提现金额,则不能提交提现申请</span>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label" style="width: 100px;">免审核</label>
                    <div class="layui-input-inline" style="width: 300px;">
                        <input type="radio" name="set" value="开启" title="开启">
                        <input type="radio" name="set" value="禁用" title="禁用" checked>
                        <span class="tip">开启后,代理和商户提交的提现会自动标记为待打款订单</span>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label" style="width: 100px;">自动打款</label>
                    <div class="layui-input-inline" style="width: 300px;">
                        <input type="radio" name="set1" value="开启" title="开启">
                        <input type="radio" name="set1" value="禁用" title="禁用" checked>
                        <span class="tip">开启后, 待打款记录会自动打款给代理商和商家</span>
                    </div>
                </div>
            </div>
            <button class="layui-btn" style="margin: 10px 10px 10px 30px">提交</button>
        </form>
    </div>
</div>

<script src="layui/layui.js"></script>
<script src="./js/jquery-3.2.1.min.js"></script>
<script src="./js/vue2.5.16.js"></script>
<script src="./js/public.js"></script>
<script src="js/data.js"></script>
<script>
    new Vue({
        el: "#uniocn",
        data: {
            header: data.header,
            side: data.side,
        }
    })
    layui.use('form', function () {
        var form = layui.form;

        //监听提交
        form.on('submit(formDemo)', function (data) {
            layer.msg(JSON.stringify(data.field));
            return false;
        });
    });
</script>
</body>
</html>